<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
<!--    <meta name="viewport" content="width=device-width, initial-scale=1.0">-->
    <title>Title</title>
    <style>
        *{
            padding:0;
            margin:0;
        }
        #root{
            width:980px;
            height: 100px;
            background:red;
        }
    </style>
</head>
<body>
    <div id="root">1111</div>
</body>
<script>
    // 基于vue的移动端电商网站。
    // 技术点：vue+router+axios+elementUI+vuex+git
    // 完成功能：
    // 1- 完成该项目的底层框架设计以及实现。
    // 2- 完成项目中的秒杀功能，以及不定期的节日促销功能。
    // 3- 项目超市，数码电脑界面以及功能实现。
    // 4- 用户个人中心，以及中心对应功能实现。
    console.log("布局视口：",document.documentElement.clientWidth);
    document.querySelector("#root").innerHTML = document.documentElement.clientWidth;
</script>
</html>